<template>
    <div class="item">
        <div class="imgbox">
            <img :src="data.window_logo" alt="" class="img" />
        </div>
        <div class="info">
            <a class="title link fs-16 b one-hide">{{data.title}}</a>
            <div class="c-red mt-12"><a class="price b fs-16">￥ {{data.price}}</a></div>
            <div class="df ai-c mt-12 c-99">
                <i class="wi wi-biaoqian"></i>
                <span class="ml-10 one-hide">
                    <a class="link">阿斯顿</a>
                    <span> / </span>
                    <a class="link">阿斯顿</a>
                    <span> / </span>
                    <a class="link">阿斯顿</a>
                </span>
            </div>
            <div class="df ai-c mt-10 c-99">
                <i class="wi wi-shijian"></i>
                <span class="ml-10 one-hide">{{data.created_at.substr(0,10)}} 更新</span>
            </div>
            <div class="df ai-c mt-10 c-99">
                <i class="wi wi-leibie"></i>
                <div class="ml-10 df" style="overflow:hidden;">
                    <i class="wi wi-pc c-blue fs-20 mr-4"></i>
                    <i class="wi wi-wechat c-blue fs-20 mr-4"></i>
                    <i class="wi wi-wxapp c-blue fs-20 mr-4"></i>
                </div>
            </div>
            <div class="mt-10 c-99">销量 4</div>
        </div>
    </div>
</template>

<script>
export default {
    props: ['data'],
    created(){
        
    },
    methods: {

    },
}
</script>

<style scoped>
.mr-4{margin-right:4px;}
.item{margin:0 10px 20px; background:#ffffff;}
.item .imgbox{position:relative;}
.item .img{display:block; width:224px; height:224px;}
.item .info{box-sizing:border-box; width:224px; height:200px; padding:14px;}
.item .info .title{line-height:20px;}
.item .info i{font-size:16px;}
.item .info i.fs-20{font-size:20px;}
.item .link:hover{color:var(--theme);}
</style>